<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>尺寸属性</title>
		<style>
			span{
				font-size: 2em;
				color: rgb(85, 255, 0);
				background-color: rgba(86,135,72,.1);
			}
			/* ------------最大、小宽度问题-------------- */
			div#container{
				background-color: #f0f0f0;
			}
			div.box{
				background-color: #ff0e42;
				color: #fff;
				width: 80%;
				/* 最大宽度，页面承受最小宽度，小于尺寸 字体和图片位置不变*/
				min-width: 400px;
			}
		</style>
	</head>
	<body>
		<!-- 所有属性值的单位
		常用尺寸单位：%、px 像素 绝对值、 em 移动端 字体倍数
		常用颜色单位： 网页三原色：红、绿、蓝，组成页面上的所有颜色
		             rgb(0~255,0~255,0~255)
					 rgba(0~255,0~255,0~255,0~1) 遮罩层
					 #rrggbb 十六进制      组成：0~9  a~z A~Z
					 常用十六进制：#000000 黑色  #ffffff 白色
					 简写十六进制：#ff0	  #000  #fff
		 -->
		 <span>lorem</span>
		 <div class="box">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias nobis eveniet dignissimos error fugit accusamus neque fuga, maxime delectus at quis nemo ab. Laborum corrupti sequi harum ipsum vel voluptatem!</div>
	</body>
</html>